$(document).ready(function(){
	$('.tabRight').click(function() {
		$(this).addClass('tabActive');
		$(this).removeClass('tab');
		// Remove the active class from other tabs
		$(this).parent().children('.tabLeft').removeClass('tabActive');
		$(this).parent().children('.tabLeft').addClass('tab');
		$(this).parent().children('.tabCenter').removeClass('tabActive');
		$(this).parent().children('.tabCenter').addClass('tab');

		$(this).parent().parent().children('.contentRight').show();
		$(this).parent().parent().children('.contentLeft').hide();
		$(this).parent().parent().children('.contentCenter').hide();

		$(this).parent().parent().children('.footerRight').show();
		$(this).parent().parent().children('.footerLeft').hide();
		$(this).parent().parent().children('.footerCenter').hide();
	});

	$('.tabCenter').click(function() {
		$(this).addClass('tabActive');
		$(this).removeClass('tab');
		// Remove the active class from other tabs
		$(this).parent().children('.tabLeft').removeClass('tabActive');
		$(this).parent().children('.tabLeft').addClass('tab');
		$(this).parent().children('.tabRight').removeClass('tabActive');
		$(this).parent().children('.tabRight').addClass('tab');

		$(this).parent().parent().children('.contentCenter').show();
		$(this).parent().parent().children('.contentRight').hide();
		$(this).parent().parent().children('.contentLeft').hide();

		$(this).parent().parent().children('.footerCenter').show();
		$(this).parent().parent().children('.footerRight').hide();
		$(this).parent().parent().children('.footerLeft').hide();

		if (!$(this).parent().parent().children('.contentCenter').hasClass('mCustomScrollbar')) {
			$(this).parent().parent().children('.contentCenter').mCustomScrollbar({
				scrollInertia:150,
				theme:"dark-thick"
			});
		}
	});

	$('.tabLeft').click(function() {
		$(this).addClass('tabActive');
		$(this).removeClass('tab');
		// Remove the active class from other tabs
		$(this).parent().children('.tabRight').removeClass('tabActive');
		$(this).parent().children('.tabRight').addClass('tab');
		$(this).parent().children('.tabCenter').removeClass('tabActive');
		$(this).parent().children('.tabCenter').addClass('tab');

		$(this).parent().parent().children('.contentLeft').show();
		$(this).parent().parent().children('.contentRight').hide();
		$(this).parent().parent().children('.contentCenter').hide();

		$(this).parent().parent().children('.footerLeft').show();
		$(this).parent().parent().children('.footerRight').hide();
		$(this).parent().parent().children('.footerCenter').hide();

		if (!$(this).parent().parent().children('.contentLeft').hasClass('mCustomScrollbar')) {
			$(this).parent().parent().children('.contentLeft').mCustomScrollbar({
				scrollInertia:150,
				theme:"dark-thick"
			});
		}
	});

	$(".contentRight").mCustomScrollbar({
		scrollInertia:150,
		theme:"dark-thick"
	});

	$('.tab').hover(
		function(){
			$(this).css('background-color', '#3a5f94');
			$(this).css('color', '#FFF');
	    },
	    function(){
	        $(this).removeAttr('style');
	    }
	);
	$('.tabActive').hover(
		function(){
        	$(this).css('background-color', '#3a5f94');
			$(this).css('color', '#FFF');
	    },
	    function(){
	        $(this).removeAttr('style');
	    }
	);
});